<template>
  <div>
    <div class="home-panel" data-v-39dda62a="" data-v-c2737746="">
      <div class="container" data-v-39dda62a="">
        <div class="head" data-v-39dda62a="">
          <h3 data-v-39dda62a="">
            热门品牌<small data-v-39dda62a="">国际经典 品质保证</small>
          </h3>
          <a
            class="disabled iconfont icon-angle-left prev"
            href="javascript:;"
            data-v-c2737746=""
          ></a
          ><a
            class="iconfont icon-angle-right next"
            href="javascript:;"
            data-v-c2737746=""
          ></a>
        </div>
        <div class="box" data-v-c2737746="">
          <ul
            class="list"
            data-v-c2737746=""
            style="transform: translateX(0px)"
          >
            <li data-v-c2737746="" v-for="(item, index) in arr" :key="index">
              <a
                aria-current="page"
                href="#"
                class="router-link-active router-link-exact-active"
                data-v-c2737746=""
                ><img :src="item.picture" alt="" data-v-c2737746=""
              /></a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      arr: [],
    };
  },
  mounted() {
    this.axios
      .get("https://apipc-xiaotuxian-front.itheima.net/home/brand?limit=10")
      .then((res) => {
        this.arr = res.data.result;
      });
  },
};
</script>